import Toast from '../../miniprogram_npm/_vant-weapp@0.5.7@vant-weapp/toast/toast'; //引用弹窗样式
import {
  refund,
  submit,
  uploader
} from '../../config/https'; // 退款、售后 , 提交申请售后 ，上传图片
let Tool = require('../../config/tool.js');
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    radiotext: [], //单选框
    imgbox: [], //添加的照片
    imgboxto: [], //图片上传返回的图片链接
    show: false, //弹出层
    contener: "请选择", //请选择
    id: '', //此项商品id
    afterSales: [], //接收退款数据
    goods: [], //产品数据
    navBack: false,
    value: ''   //退款详细说明
  },
  goBack(){
    wx.navigateBack()
  },
  iptval(e) { //退款详细说明
    this.setData({
      value: e.detail.value
    })
  },
  onClick(e) { //单选框
    const index = e.currentTarget.dataset.index; //获取单选项的下标
    const {
      text
    } = e.currentTarget.dataset; //获取name
    this.setData({
      radio: index,
      contener: text,
      show: false
    })
  },
  onClose() {
    let show = !this.data.show;
    this.setData({
      show: show
    });
  },
  btn2() { //点击关闭
    this.setData({
      show: false,
      contener: "请选择",
      radio: ""
    }); //点击关闭 取消选项
  },
  chooseimage() { //点击添加图片
    var this_ = this;
    let imgboxto = this_.data.imgboxto;
    wx.chooseImage({ //从本地相册选择图片或使用相机拍照。
      count: 9, //上传图片的最大值
      sizeType: ['original', 'compressed'], //指定是原图还是压缩图 
      sourceType: ['album', 'camera'], // 指定是相册选图,还是使用相机
      success: function (res) { //成功回调
        let imgbox = this_.data.imgbox; //获取data里面的图片空数组
        for (let i in res.tempFiles) {
          if (imgbox.length < 9) {
            imgbox.push(res.tempFiles[i].path) //把图片的地址添加进data图片数组
            //上传图片接口
            wx.uploadFile({
              url: 'https://jxzmys.com/app/index.php?i=2&c=entry&m=jrshop&do=mobile&r=util.uploader&file=file',
              filePath: res.tempFiles[i].path,
              name: 'file',
              method: 'POST',
              formData: {
                'user': 'test'
              },
              success(res) { //上传成功
                console.log(res)
                let dataPath = JSON.parse(res.data) //成功返回的数据  把字符串转换成json对象格式  
                imgboxto.push(dataPath.filename)
                console.log(dataPath)
                this_.setData({
                  imgboxto
                })
              },
              fail(err) { //上传失败
                console.log("上传失败")
              },
            })
            this_.setData({
              imgbox
            }) //最后赋值
          } else if (imgbox.length >= 9) {
            return;
          }
        }

      }
    })
  },
  previewImg(e) {
    let src = e.target.dataset.src; //当前图片的地址
    wx.previewImage({
      current: src, 
      urls: this.data.imgbox // 需要预览的图片http链接列表  
    })
    cosnsole.log(this.data.imgbox)
  },
  //点击删除图片的时候
  deleteImg(e) { 
    let imgbox = this.data.imgbox; //获取data里面的图片数组
    let index = e.currentTarget.dataset.index
    console.log(index)
    imgbox.splice(index, 1)
    this.setData({
      imgbox
    })
  },
  submit() { //点击提交按钮时
    let this_ = this;
    let imgbox = this_.data.imgbox; //要上传的图片
    let imgboxto = this_.data.imgboxto; //上传图片返回的图片链接数组
    let goods = this_.data.goods; //产品列表
    if (this.data.contener == "请选择") {
      Toast("请选择退款原由")
      return
    }
    submit({
      id: this_.data.id, //订单数据id
      rtype: 0, //退款类型
      reason: this_.data.contener, //退款原因
      content: this_.data.value, //退款详细说明
      images: this_.data.imgboxto, //退款详情图片 数组类型
      price: this_.data.refundPrice, //退款金额 
      order_goods_ids: this_.data.selectArr.join(',')//订单商品id的数组
    }).then((res) => {
      Toast("提交成功")
      setTimeout(() => {
        wx.navigateBack({
          delta: 2
        })
      },1000)
    })
  },
  getData() { //商品数据
    refund({
      id: this.data.id
    }).then((res) => {
      let refundPrice = 0
      let selectGoods = []
      let goods = res.goods
      let selectArr = this.data.selectArr
      let discountPrice = Tool.toFix(res.order.deductenough/selectArr.length,2) //优惠价格
      goods.map(item => {
        for(let i = 0; i < selectArr.length; i++){
          if(item.order_goods_id == selectArr[i]){
            refundPrice += Number(item.refundprice)
            selectGoods.push(item)
          }
        }
      })
      console.log(discountPrice)
      console.log(refundPrice)
      console.log(Tool.toFix(refundPrice - discountPrice,2))
      this.setData({
        discountPrice,
        refundPrice:  Tool.toFix(refundPrice - discountPrice,2) ,
        selectGoods,
        radiotext: res.reason_arr,
        goods,
        afterSales: res
      });
    })
  },
  onLoad: function (options) {
    this.setData({
      id: options.id,
      selectArr: options.selectArr.split(',')
    })
    console.log(options)
    this.getData() //商品数据
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }

});